<!DOCTYPE html>
<html lang="zh-en"  xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" th:href="@{/layui/css/style.css}">
</head>

<body>
    <div class="content">
        <div class="form sign-in">
            <form th:action="@{/index}" th:method="post">
            <h2 th:text="#{login.welcome}">欢迎回来</h2>
            <label>
                <span th:text="#{login.username}">用户名</span>
                <input type="text" th:name="username"  th:id="username"/>
            </label>
            <label>
                <span th:text="#{login.password}">密码</span>
                <input type="password"  th:name="password" th:id="password"/>
            </label>
            <button type="submit" class="submit" th:placeholder="#{login.btn}">登 录</button>
            <div th:if="${param.error}" style="color: #FD482C;text-align: center">
                Unable to login. Check your username and password.
            </div>
            <label>
                <a th:href="@{/(l='zh_CN')}" style="color: #01AAED">中文</a>
                <a th:href="@{/(l='en_US')}" style="color: #01AAED">English</a>
            </label>
            </form>
        </div>
        <div class="sub-cont">
            <div class="img">
                <div class="img__text m--up">
                    <h2 th:text="#{login.nty}">还未注册？</h2>
                    <p th:text="#{login.rn}">立即注册，发现大量机会！</p>
                </div>
                <div class="img__text m--in">
                    <h2 th:text="#{login.dyh}">已有帐号？</h2>
                    <p th:text="#{login.lii}">有帐号就登录吧，好久不见了！</p>
                </div>
                <div class="img__btn">
                    <span class="m--up" th:text="#{login.register}">注 册</span>
                    <span class="m--in" th:text="#{login.btn}">登 录</span>
                </div>
            </div>
            <div class="form sign-up">
                <form th:action="@{/register}" th:method="post">
                <h2 th:text="#{login.Rnow}">立即注册</h2>
                <label>
                    <span th:text="#{login.username}">用户名</span>
                    <input type="text"  th:name="RUserName" th:id="RUserName"/>
                </label>
                <label>
                    <span th:text="#{login.password}">密码</span>
                    <input type="password" th:name="RPassword" th:id="RPassword" />
                </label>
                <button  type="submit" class="submit" th:placeholder="#{login.register}">注 册</button>
               <label>
                <a th:href="@{/(l='zh_CN')}" style="color: #01AAED">中文</a>
                <a th:href="@{/(l='en_US')}" style="color: #01AAED">English</a>
               </label>
                </form>
            </div>
        </div>
    </div>
    <script th:src="@{/layui/js/script.js}"></script>
</body>

</html>